<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>百顺通云-个人应用产品详情</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon">
    <link type="text/css" rel="stylesheet" href="/css/user/global.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/img_turn.css" />
    <link type="text/css" rel="stylesheet" href="/css/user/mall/yunbgsw.css">
    <!-- <link type="text/css" rel="stylesheet" href="/css/dialog.min.css" /> -->
    <link type="text/css" rel="stylesheet" href="/css/dialog.css" />
    <!-- 树节点插件 -->
 	<link href="/cdn/zTree_v3/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">   
    <script type="text/javascript" src="/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="/js/dialog.min.js"></script>
    <script type="text/javascript" src="/js/bstdialog.min.js"></script>
    <script type="text/javascript" src="/js/user/mall/bxCarousel.js"></script>
    <script type="text/javascript" src="/js/slides.min.jquery.js"></script>
    <script type="text/javascript" src="/js/user/mall/yunbgsw.js"></script>
    <script type="text/javascript" src="/js/user/ntabs.js"></script>
    <script type="text/javascript" src="/js/user/img_turn.js"></script>
    <script type="text/javascript" src="/js/mineDateCalculate.js"></script>
    <script type="text/javascript" src="/js/minePriceCalculate.js"></script>
    <script type="text/javascript" src="/js/user/buy/shoppingCart.js"></script>
    <script type="text/javascript" src="/js/ajaxDataFormat.js"></script>
    <style type="text/css">
    	.dialog_success .aui_close, .dialog_confirm .aui_close, .dialog_ .aui_close, .dialog_warn .aui_close, .dialog_prohibit .aui_close
    	{display:block;}
    	.aui_titleBar .aui_title {
			font-size: 20px;
			padding: 10px 20px;
			 border-bottom: none; 
			}
    	
    </style>
</head>

<body>
<input type="hidden" id="proMealId" value="${product.productId}"/>
<input type="hidden" id="pmStatus" value="1"/>
<input type="hidden" id="pageNum" value="2"/>
<input type="hidden" id="shoppingCartId" value="0"/>
<input type="hidden" id="price" value="0"/>
<input type="hidden" id="plusYear" value="-1"/>
<input type="hidden" id="plusUserNum" value="1"/>
<input type="hidden" id="proMealNum" value="1"/>
<input type="hidden" id="proMealName" value="${product.productName}"/>
<input type="hidden" id="version" value="${product.productVersion}"/>  
<input type="hidden" id="requestURI" value="${requestURI}"/>
<!--页面内容开始-->
<div class="Wrapper">
  <!---------------------------------页面头部及导航部分开始------------------------------------>
  <jsp:include page="../common/header.jsp"/>
  <!---------------------------------页面头部及导航部分结束------------------------------------>
  <div class="cl"></div>
  	<!---------------------------------内容部分------------------------------------>
  	<div class="content">
  		<!---------------------------------左侧------------------------------------>
   	  	<div class="main-l fl">
        	<!--左侧列表-->
			<jsp:include page="tree_ul.jsp"/>
            <!--左侧列表结束-->
            
            <jsp:include page="../common/left.jsp"/>
      	</div>
    	<!---------------------------------左侧结束------------------------------------>
    	<!---------------------------------右侧------------------------------------>
    	<div class="main-r fr">
        	<!---------------------------------轮播------------------------------------>
            <jsp:include page="../common/img_turn.jsp"/>
            <!---------------------------------轮播结束------------------------------------>
            <!--右侧应用产品部分开始-->
            <div class="cp_content">
              <!--------产品图片及简介---------->
              <div class="cp_imgcon cle">
                <!--------左边图片区域  ---------->
                <div class="cpimg_box">
                  <div class="cpimg_mok"><a href="#"><img src="${product.productImg}" width="258" height="198" /></a></div>
                </div>
                <!--------左边图片区域结束---------->
                <!--------右边文字介绍区域---------->
                <div class="right_textcon">
                  	<dl>
                    	<dt>${product.productName}</dt>
                    	<dd><b>行业：</b>${product.industryName}&nbsp;&nbsp;&nbsp;&nbsp;<b>报价：</b>${product.productPrice}</dd>
                        <dd>
                        	<ul>
                              <c:forEach items="${list}" var="l">
                              	<li>● ${l}</li>
                              </c:forEach>
                           </ul>
                        </dd>
                        <dd><b>软件开发商：</b>浙江百顺通信息科技有限公司</dd>
                        <dd>
                        	<div class="fl">版本编号：${product.productVersion} </div>
                            <div class="fl">免费
                              <%-- <label for="select2" class="dropbox_user">
                              	<c:choose>
                              		<c:when test="${product.productId == 14}">购买点数：</c:when>
                              		<c:otherwise>用户数量：</c:otherwise>
                              	</c:choose>
                              </label>
                              <select class="select_option dropbox" id="accountNum">
                              	<c:forEach begin="${pf.userNum}" end="${pf.maxUser}" step="${pf.userNum}" varStatus="status">
	                              	<option value="${status.index}">${status.index}<c:choose><c:when test="${product.productId == 14}">点</c:when><c:otherwise>用户</c:otherwise></c:choose></option>
	                            </c:forEach>
                              </select> --%>
                            </div>
                            <div class="cl"></div>
                        </dd>
                        <%-- <dd>                        	
                            <div class="fl">
                              <label for="select2" class="dropbox_time">购买年限：</label>
                              <select class="select_option dropbox" id="useYear">
                                <option value="0">免费试用</option>
                                <c:forEach begin="${pf.useYear}" end="${pf.maxYear}" step="${pf.useYear}" varStatus="status">
                            		<option value="${status.index}">${status.index}年</option>
                                </c:forEach>
                              </select>
                            </div>
                            <div class="fl">价    格：<font class="red">￥<span id="price">0.0</span></font></div>
                            <div class="cl"></div>
                        </dd> --%>
                    </dl>
                  	<div class="buy_btn">
                    	<div class="buy_now fl" id="freeBuy"><a href="javascript:void(0)">立即购买</a></div>
                        <!-- <div class="cart_join fl ml20"><a href="#">加入购物车</a></div> id="freeBuy"-->
                    </div>
                </div>
                <!--------右边文字介绍区域结束---------->
              </div>
              <!--------产品图片及简介结束---------->
              <div class="intro_pro">
                <div class="tab_wrapper">
                  <div class="title_bar">
                    <ul class="tabs" id="myTab2">
                      <li class="active" onclick="nTabs(this,0);"><a href="#tab1">产品概述 </a></li>
                      <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">功能介绍</a></li>
                      <li class="sta" onclick="nTabs(this,2);"><a href="#tab3">产品优点</a></li>
                      <li class="sta" onclick="nTabs(this,3);"><a href="#tab4">收费标准</a></li>
                    </ul>
                  </div>
                  <div class="tab_container">
                    <div id="myTab2_Content0" class="tab_content tubiao" style="display:block;">${product.productSummarize}</div>
                    <div id="myTab2_Content1" class="tab_content" style="display:none;"> ${product.productFunction}</div>
                    <div id="myTab2_Content2" class="tab_content" style="display:none;"> ${product.productCharacter}</div>
                    <div id="myTab2_Content3" class="tab_content" style="display:none;"> ${product.feeScale}</div>
                  </div>
                </div>
              </div>
              <!--------产品概述、详细参数、资料下载结束---------->
            </div>
            <!--右侧应用产品部分结束-->
      	</div>
    	<!---------------------------------右侧结束------------------------------------>
        <div class="cl"></div>
  	</div>
  	<!---------------------------------内容部分结束------------------------------------>
  	<!---------------------------------footer------------------------------------>
  	<jsp:include page="../common/footer.jsp"/>
  	<!---------------------------------footer结束------------------------------------>  
</div>
<jsp:include page="createtree.jsp"></jsp:include>
</body>
</html>
